<%--
  Created by IntelliJ IDEA.
  User: hjb
  Time: 下午 10:42
  To change this template use File | Settings | File Templates.
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>tour_main</title>
    <%@include file="/pages/common/head.jsp"%>
    <link type="text/css" rel="stylesheet" href="static/css/style.css" >
</head>
<body>

<div id="main">
    <table>
        <tr>
            <td>名称</td>
            <td>编号</td>
            <td>代号</td>
            <td>目的地</td>
            <td>出发时间</td>
            <td>报名截止时间</td>
            <td>最大人数</td>
            <td>状态</td>
            <td>价格</td>
            <td colspan="2">操作</td>
        </tr>

        <c:forEach items="${requestScope.page.items}" var="tour">
            <tr>
                <td>${tour.name}</td>
                <td>${tour.id}</td>
                <td>${tour.code}</td>
                <td>${tour.destination}</td>
                <td>${tour.departureTime}</td>
                <td>${tour.deadline}</td>
                <td>${tour.maxNumber}</td>
                <td>${tour.state}</td>
                <td>${tour.basicPrice}</td>
                <td><a href="manage/tourServlet?action=getTour&id=${tour.id}&pageNo=${requestScope.page.pageNo}">修改</a></td>
                <td><a class="deleteClass" href="manage/tourServlet?action=delete&id=${tour.id}&pageNo=${requestScope.page.pageNo}">删除</a></td>
            </tr>
        </c:forEach>

        <tr>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td></td>
            <td colspan="2"><a href="pages/tour/tour_add.jsp?pageNo=${requestScope.page.pageTotal}">录入旅行团信息</a></td>
        </tr>
        <%--静态包含分页条--%>
        <%@include file="/pages/common/page_nav.jsp"%>
    </table>
</div>
<script type="text/javascript">
    $(function () {
        // 给删除的a标签绑定单击事件，用于删除的确认提示操作
        $("a.deleteClass").click(function () {
            // 在事件的function函数中，有一个this对象。这个this对象，是当前正在响应事件的dom对象。
            /**
             * confirm是确认提示框函数
             * 参数是它的提示内容
             * 它有两个按钮，一个确认，一个是取消。
             * 返回true表示点击了，确认，返回false表示点击取消。
             */
            return confirm("你确定要删除【" + $(this).parent().parent().find("td:first").text() + "】?");
            // return false// 阻止元素的默认行为===不提交请求
        });
    })

</script>
</body>
</html>
